<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>仿小米头部导航</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/header-nav.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css"/>
	</head>
	<body>
		<div class="container">
			<div class="navbar">
				<div class="nav-list">
					<ul>
						<li><a href="#">小米商城</a><span>|</span></li>
						<li><a href="#"> MIUI</a><span>|</span></li>
						<li><a href="#">IoT</a><span>|</span></li>
						<li><a href="#">云服务</a><span>|</span></li>
						<li><a href="#">金融</a><span>|</span></li>
						<li><a href="#">有品</a><span>|</span></li>
						<li><a href="#">小爱开放平台</a><span>|</span></li>
						<li><a href="#">企业团购</a><span>|</span></li>
						<li><a href="#">资质证照</a><span>|</span></li>
						<li><a href="#">协议规则</a><span>|</span></li>
						<li><a href="#">下载app</a><span>|</span></li>
						<li><a href="#">Select Location</a><span>|</span></li>
					</ul>
				</div>
				<div class="nav-info">
					<a class="shopcart" href="#"><span class="iconfont icon-Shoppingcart cart"></span>购物车</a>
					<ul class="info-list">
						<li><a href="#">登录</a></li>
						<li><a href="#">注册</a></li>
						<li><a href="#">消息通知</a></li>
					</ul>
					
				</div>
			</div>
		</div>
	</body>
</html>
